<!DOCTYPE html>
<html>

	<head>
		<title></title>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<link rel="stylesheet" href="../../static/css/bootstrap.min.css">
		<link rel="stylesheet" href="../../static/plugins/layui/css/layui.css" />
		<link rel="stylesheet" href="../../static/css/font-awesome.min.css">
		<link rel="stylesheet" href="../../static/plugins/jqgrid/ui.jqgrid-bootstrap.css">
		<link rel="stylesheet" href="../../static/plugins/ztree/css/metroStyle/metroStyle.css">
		<link rel="stylesheet" href="../../static/css/main.css">
		<script src="../../static/libs/jquery.min.js"></script>
		<script src="../../static/plugins/layer/layer.js"></script>
		<script src="../../static/plugins/layui/layui.js" charset="utf-8"></script>
		<script src="../../static/libs/bootstrap.min.js"></script>
		<script src="../../static/libs/vue.min.js"></script>
		<script src="../../static/plugins/jqgrid/grid.locale-cn.js"></script>
		<script src="../../static/plugins/jqgrid/jquery.jqGrid.min.js"></script>
		<script src="../../static/plugins/ztree/jquery.ztree.all.min.js"></script>
		<script src="../../static/js/common.js"></script>
		<style>

		</style>
	</head>

	<body>
		<div id="rrapp" v-cloak>
			<div v-show="showList" class="layui-tab" lay-filter="test">
				<div class="grid-btn">
					<div class="row" style="border-top:0px ;padding: 0px;">
						<div class="col-md-11">
							<ul class="layui-tab-title">
								<li class="layui-this">待处理<span class="layui-badge-dot layui-bg-orange"></span></li>
								<li>处理中<span class="layui-badge-dot layui-bg-blue"></span></li>
								<li>已处理<span class="layui-badge-dot layui-bg-gray"></span></li>
								<li>已答复<span class="layui-badge-dot layui-bg-green"></span></li>
							</ul>
						</div>
						<div class="col-md-1">
							<a style="float: right;" class="btn btn-danger" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>

						</div>
					</div>
				</div>
				<div class="layui-tab-content">
					<!--待处理-->
					<div class="layui-tab-item layui-show">
						<iframe id="page_waiting" frameborder="0" style="width:100%;min-height:600px;overflow:visible;background:#fff;" src="../buss/wisarchivestask/waiting.html"></iframe>
					</div>
					<!--处理中-->
					<div class="layui-tab-item">
						<iframe id="page_dealing" frameborder="0" style="width:100%;min-height:600px;overflow:visible;background:#fff;" src=""></iframe>
					</div>
					<!--已处理-->
					<div class="layui-tab-item">
						<iframe id="page_complete" frameborder="0" style="width:100%;min-height:600px;overflow:visible;background:#fff;" src=""></iframe>
					</div>
					<!--已答复-->
					<div class="layui-tab-item">
						<iframe id="page_answered" frameborder="0" style="width:100%;min-height:600px;overflow:visible;background:#fff;" src=""></iframe>
					</div>
				</div>
			</div>

			<div v-show="!showList" class="panel panel-default">
				<div class="panel-heading">{{title}}</div>
				<div class="panel-body">
					<div class="form-group">
						<label>反映类别</label>
						<select name="taskType" class="form-control">
							<option>民生诉求</option>
							<option>意见建议</option>
							<option>稳定工作</option>
							<option>"四风"问题</option>
							<option>其他</option>
						</select>
						<input type="hidden" class="form-control" v-model="wisArchivesTask.taskType" placeholder="反映类别（比如：民生诉求）" />
					</div>
					<div class="form-group">
						<label>反映人组别</label>
						<input type="number" class="form-control" v-model="wisArchivesTask.taskReflectPersonGroup" placeholder="反映人组别" />
					</div>
					<div class="form-group">
						<label>反映人</label>
						<input type="text" class="form-control" v-model="wisArchivesTask.taskReflectPerson" placeholder="反映人" />
					</div>
					<div class="form-group">
						<label>反映人电话</label>
						<input type="tel" class="form-control" v-model="wisArchivesTask.taskReflectPersonMobile" placeholder="反映人电话" />
					</div>
					<div class="form-group">
						<label>反映内容</label>
						<textarea class="form-control" v-model="wisArchivesTask.taskReflectContent" placeholder="反映内容"></textarea>
					</div>
					<div class="form-group">
						<label>受理时间</label>
						<input type="date" class="form-control" v-model="wisArchivesTask.taskReceiveTime" placeholder="受理时间" />
					</div>
					<div class="form-group">
						<label>受理人</label>
						<input type="text" class="form-control" v-model="wisArchivesTask.taskReceivePerson" placeholder="受理人" />
					</div>
				</div>
				<div class="panel-footer" style="text-align: right;">
					<input type="button" class="btn btn-danger" @click="saveOrUpdate" value="确定" /> &nbsp;&nbsp;
					<input type="button" class="btn btn-warning" @click="reload" value="返回" />
				</div>
			</div>
		</div>

		<script src="../../static/js/modules/wisarchivestask.js"></script>
		<!--选项卡-->
		<script>
			layui.use('element', function() {
				var $ = layui.jquery,
					element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

				//卡片切换监听
				element.on('tab(test)', function(data) {
					//					console.log(this.innerText); //当前Tab标题所在的原始DOM元素
					//										console.log(data.index); //得到当前Tab的所在下标
					//console.log(data.elem);得到当前的Tab大容器
					//初始化任务状态
					switch(data.index) {
						case 0:
							$("#page_waiting").attr("src", "../buss/wisarchivestask/waiting.html");
							break;
						case 1:
							$("#page_dealing").attr("src", "../buss/wisarchivestask/dealing.html");
							break;
						case 2:
							$("#page_complete").attr("src", "../buss/wisarchivestask/complete.html");
							break;
						case 3:
							$("#page_answered").attr("src", "../buss/wisarchivestask/answered.html");
							break;
						default:
							break;
					}
				});

			});
		</script>
		<!--页面加载-->
		<script type="text/javascript">
			//任务类别
			$("select[name='taskType']").change(function() {
				vm.wisArchivesTask.taskType = $(this).val();
			});
		</script>
	</body>

</html>